﻿/* CSS Document */


body,html{ width:100%; font-family:'微软雅黑'; }


/*背景*/
.bg-1{ background:#7ab9a3}
.bg-2{ background:#89c5e0}
.bg-3{ background:#8dc21f}
.bg-4{ background:#e9ab26}
.bg-5{ background:#1aa3b5}
.bg-6{ background:#3a6d38}
.bg-7{ background:#dff1fc!important}

/*间距*/
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

/*按钮*/
.u-btn{ display:inline-block; *zoom:1; *display:inline}
.u-btn-line{ width:120px; text-align:center; border:1px #fff solid; border-radius:5px; padding:12px; background:none; color:#fff;}


.u-btn-prev,.u-btn-next{ width:10px ;  height:18px; display:block; position:absolute; top:55px}
.u-btn-next{ background:url(../images/right.jpg); right:40px;}
.u-btn-prev{ background:url(../images/left.jpg);left:40px;}

.w1002{ width:1079px; margin:0 auto;position:relative; }
.w1200{ width:1200px; margin:0 auto;position:relative; }


.m-header{ height:89px; background:#f7f8f8; position:relative; width:100%; overflow:hidden}
.m-header .m-logo{ position:absolute; top:15px; z-index:999}
.m-header .m-slogo{ position:absolute; top:22px; left:50%; z-index:999}

.m-header .m-weather {position:absolute; top:32px; right:0; width:180px;}
.m-header .m-weather  big{ float:left; margin-right:10px; vertical-align:top; width:40px;}
.m-header .m-weather h3{ color:#b8b8b8; font-size:18px; font-weight:normal; font-family:'arial'; text-align:center}
.m-header .m-weather p{color:#b8b8b8; vertical-align:middle; text-align:center}
.m-header .m-weather p span{ display:inline-block; vertical-align:middle; *zoom:1; *display:inline; padding:2px 5px;; border:1px #ddd solid}

.m-nav{ height:43px; line-height:43px; background:#1aa3b5; position:relative; z-index:99999}
.m-nav .m-search{ background:#fff; width:180px; height:22px; line-height:20px; position:absolute; right:0; top:10px; padding:0 5px; border-radius:5px;}
.m-nav .m-search input{ display:inline-block; *zoom:1; *display:inline; border:0; vertical-align:middle ; line-height:20px;}
.m-nav .m-search .u-search-arr{ position:absolute; display:inline-block; *zoom:1; *display:inline; width:16px; height:16px; background:url(../images/search.jpg) center center no-repeat; top:3px; right:5px;}

.m-nav ul{}
.m-nav ul li{ font-size:14px; float:left; width:110px; text-align:center;height: 38px;}
.m-nav ul li.line{ width:1px; color:#66bad3;}
.m-nav ul li:hover,.m-nav ul li.z-cur{ background:#89c5e0; border-top:4px #aec64b solid; height:38px; line-height:35px;}
.m-nav ul li a{ color:#fff}

.m-nav ul li .subul{ font-size:14px; float:left; width:110px; text-align:center; opacity: 0; background:#1aa3b5;}
.m-nav ul li:hover .subul{ font-size:14px; float:left; width:110px; text-align:center; opacity: 1;}

.m-topbanner{ margin:0 auto; background:#e6fff5; height:324px; position:relative;overflow:hidden;}
.m-topbanner img{ width:100px; height:auto;}

/*图切*/
.m-topbanner .m-pic-change{ position:relative; overflow:hidden}
.m-topbanner .m-pic-change img{ width:100%;}

.m-topbanner .m-pic-change .hd{ position:absolute; z-index:999; left:72%; bottom:15%}
.m-topbanner .m-pic-change .hd ul{ width:100px;}
.m-topbanner .m-pic-change .hd ul li{ display:inline-block; *zoom:1; *display:inline; background:#fff; width:15px; height:15px; background:url(../images/pchange.png) left top no-repeat; margin-right:5px!important; font-size:0; line-height:0}

.m-topbanner .m-pic-change .hd ul li.z-cur{ background:url(../images/pchange.png) right top no-repeat; cursor:pointer}


/*.m-topbanner img{ width:1002px; height:auto; display:block; margin:0 auto;}*/
.m-topbanner .m-sd{ position:absolute; bottom:-5px}


.m-content{background:#e6fff5; padding-top:40px; }
.m-piclst{ width:1002px; margin:0 auto 40px}
.m-piclst ul{ width:1002px;}
.m-piclst ul li{ width:200px; height:200px; float:left; position:relative}
.m-piclst ul li div.hd,.m-piclst ul li div.td{width:200px; height:200px; position:absolute; overflow:hidden}
.m-piclst ul li div.hd img{ width:400px; height:auto; }

.m-piclst ul li div.intro{ position:absolute; left:0; right:0; height:50px; bottom:0; background:#000; z-index:999; opacity:0;filter:alpha(opacity=0)}
.m-piclst ul li div.intro h4{ color:#fff; padding:10px 10px 5px;}
.m-piclst ul li div.intro p{ color:#fff; padding:0px 10px; margin:0; border:0; line-height:18px;}

.m-piclst ul li img{ width:200px; height:200px; }
.m-piclst ul li p{ border-top:1px #ddd solid; margin:16px 20px 0; color:#fff; line-height:24px; padding-top:20px;}
.m-piclst ul li p.content{ margin:10px 20px 0!important; border:0; position:absolute; top:200px}
.m-piclst ul li h3{ font-weight:normal;font-size:26px; margin:25px 20px 0; color:#fff; padding-top:20px; }


.m-lst{ width:1100px;}
.m-lst li{ background:#00a199; width:310px; float:left; margin-right:36px; padding:10px 0; height:380px; position:relative; margin-bottom:40px;}
.m-lst li img{ width:310px; height:175px; position:relative}



.m-lst li h3{ padding:8px 0; margin:0 10px; border-bottom:1px #fff solid; line-height:22px; color:#fff; font-weight:normal; font-size:14px; background:url(../images/arr.png) left center no-repeat; padding-left:25px;}
.m-lst li p{ color:#fff; margin:10px 10px 0; padding-bottom:10px; border-bottom:1px #fff solid; line-height:20px; height:80px; overflow:hidden}
.m-lst li .share{ width:24px; height:24px; background:url(../images/share.jpg); position:absolute; top:370px; display:block; left:10px}
.m-lst li .more{ color:#fff; position:absolute; right:10px; top:375px; font-size:12px;}
.m-lst li.nopic{ background:#dddddd; vertical-align:middle; text-align:center; }
.m-lst li.nopic img{ width:170px; height:auto; margin-top:60px;}


.slide{ background:#ffffff; padding:10px 100px; overflow:hidden; position:relative}
.slide ul{}
.slide ul li{ float:left; width:145px; margin:0 32px;}


.m-tab{ width:1002px; margin:0 auto; padding-bottom:40px;}
.m-tab .m-title{ border-bottom:1px #5dbfcc solid; position:relative}
.m-tab .m-title h3{font-size:24px; font-weight:normal; color:#8da3ab;line-height:40px;}
.m-tab .m-title .btn{ position:absolute; right:0; top:15px}
.m-tab .m-title .btn a{ display:inline-block; *zoom:1; *display:inline; margin:0 20px; color:#27a9ba; line-height:20px; height:35px;}
.m-tab .m-title .btn a:hover,.m-tab .m-title .btn a.z-cur{ background:url(../images/select.png) center bottom no-repeat;}


.m-tab .m-context{ margin-top:20px;}
.m-tab .m-context .title{ color:#1aa3b5; font-size:18px;}
.m-tab .m-context .head{ background:url(../images/arr2.png) left center no-repeat; padding-left:40px; line-height:30px; font-size:26px; color:#818586; margin-top:30px; }
.m-tab .m-context .content{ margin-top:30px; font-size:14px; line-height:26px;}
.m-tab .m-context .content .on img{ border:1px red solid}

.m-map{ background:#d4f3ff; padding:50px 0;}
.m-map .m-col{ width:1002px; margin:0 auto}
.m-map .m-col h3{ font-size:24px; font-weight:normal; border-bottom:1px #57b6c5 solid; line-height:40px; color:#8da3ab}
.m-map .m-col .g-l,.m-map .m-col .g-r{ margin-top:20px;}
.m-map .m-col .g-l{ width:750px; height:280px; float:left}
.m-map .m-col .g-r{ width:252px; float:right; background:#a6bd4d; height:280px;}
.m-map .m-col .g-r .m-top{ height:163px; background:#0d9991; padding-top:40px;}

.m-map .m-col .g-r .m-top .m-item{ padding:10px 20px; position:relative;}
.m-map .m-col .g-r .m-top .m-item input{ line-height:21px; height:21px; width:210px; border:0}
.m-map .m-col .g-r .m-top .m-item .u-arr{ display:block; background:url(../images/date.jpg) center center no-repeat; width:24px; height:21px; position:absolute; right:22px; top:10px}


.m-map .m-col .g-r .m-bottom{ margin-top:15px; text-align:center}

.m-footer{ height:305px; background:#dcdddd; }
.m-footer .g-wrap{position:relative; width:1002px; margin:0 auto}
.m-footer .m-flogo{top:33px; position:absolute;}
.m-footer .m-address{ position:absolute; left:330px; top:30px; width:100px; color:#7f7f7f; line-height:22px; font-family:'微软雅黑'}
.m-footer .m-address h3{ font-size:16px; margin-bottom:10px;}
.m-footer .m-address p{ color:#727171; /*border-bottom:1px #b5b5b5 solid*/}
.m-footer .m-address p a{ color:#727171}

.m-footer .m-contact{ position:absolute; left:530px; top:30px; width:180px; color:#7f7f7f; line-height:22px; font-family:'微软雅黑'}
.m-footer .m-contact h3{ font-size:16px; margin-bottom:10px;}


.m-footer .m-contact p{ color:#727171; }
.m-footer .m-contact .brd{ border-top:1px #aeaeae solid;border-bottom:1px #aeaeae solid; padding:10px 0; margin-top:51px;}
.m-footer .m-contact .brd h3{ margin:0;}
.m-footer .m-contact .brd p{}

.m-footer .m-weixin{position:absolute; right:0; top:30px;}
.m-footer .m-weixin h3{ font-size:16px; margin-bottom:10px; color:#727171; margin-bottom:30px}
.m-footer .m-copyright{ position:absolute; top:175px; color:#727171; font-family:'微软雅黑';  line-height:20px; font-size:12px}
.m-footer p.copyright{ position:absolute; color:#7a7979; text-align:center; top:250px; width:1002px; border-top:1px #fff solid; padding-top:20px;}